// 删除事件
$("#delete").click(function (){
    // 获取除第一行外的其他行，得到行内第一列的td
    $("tr:not(tr:first)").find("td:first").each(function(){
        // 获取td的子元素复选框的选定状态
        if($(this).children().is(":checked")){
            // 若选定，则得到父级元素，并删除
            $(this).parent().remove();
        }
    });
});

// 模态框的确定按钮点击事件
$("#add").click(function add() {
    // 获取输入框中数据
    var userid = $("#userid").val();
    var username = $("#username").val();
    var usersex = $("#usersex").val();
    var password = $("#password").val();
    var userage = $("#userage").val();
    var birthday = $("#birthday").val();
    var newtr = $("<tr></tr>");
    var newtd = $("<td><input type='checkbox'/></td><td>" + userid + "</td><td>" + username + "</td><td>" + usersex + "</td><td>" + password + "</td><td>" + userage + "</td><td>" + birthday + "</td>");
    // 添加同辈节点，添加到最后
    $("tr:last").after(newtr);
    // 给最后一个tr节点，添加子节点
    $("tr:last").append(newtd);
});

// 查询按钮点击事件，根据工号和姓名进行查询
$("#query").click(function() {
    // 得到input框中输入的数据
    var queryid = $("#queryid").val();
    var queryname = $("#queryname").val();

    // 除去第一列，进行遍历
    $("tr:not(tr:first)").each(function() {
        // 再次点击查询按钮，tr背景色恢复
        $(this).css({
            background : ""
        });
        // 若工号或者姓名匹配则改变背景色
        if(queryid == $(this).find("td:eq(1)").text() || queryname == $(this).find("td:eq(2)").text()){
            $(this).css({
                background : "red"
            });
        }
    });
});

$("#update").click(function() {
    // 获取除第一行外的其他行，得到行内第一列的td
    $("tr:not(tr:first)").find("td:first").each(function(){
        // 若没有选中，点击编辑按钮，所有的tr为不可编辑状态
        $(this).parent().attr("contenteditable", "false");
        // 获取td的子元素复选框的选定状态
        if($(this).children().is(":checked")){
            // 当前tr为可编辑状态
            $(this).parent().attr("contenteditable", "true");
        }
    });
});